<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" charset="UTF-8" src="../../../js/class/vue.min.js"></script>
	</head>
	<body>
		<div id="vue-app">
			<h3>v-text指令实例</h3>
			<div v-text="msg1"></div>
			<div>{{msg2}}</div>
		</div>
		<script type="text/javascript">
			/* 
				v-text是属于纯文本操作，它会替代显示对应的数据对象上的值。
				当绑定的数据对象上的值发生改变，插值处的内容也会随之更新。
				此处为单向绑定
			 */
			"use strict"
			var vm = new Vue({
				el:"#vue-app",
				data:{
					msg1: "我是信息1",
					msg2: "我是信息2",
				}
			})
		</script>
	</body>
</html>